<form nz-form [formGroup]="validateForm" class="grid-list-edit">
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="name">姓名</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="姓名不能为空!">
			<input nz-input formControlName="name" id="name" />
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="contractNumber">手机号码</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" [nzErrorTip]="phoneErrorTpl">
			<input nz-input formControlName="contractNumber" id="contractNumber" />
			<ng-template #phoneErrorTpl>
				<ng-container *ngIf="getFormControl('contractNumber').hasError('required')">
					手机号码不能为空!
				</ng-container>
				<ng-container *ngIf="getFormControl('contractNumber').hasError('phoneNum')">
					手机号输入不正确,请正确输入手机号
				</ng-container>
			</ng-template>
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzFor="birthdate">出生年月日</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24">
			<nz-date-picker style="width: 100%;" formControlName="birthdate" nzPlaceHolder="请选择"></nz-date-picker>
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="gender">性别</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="性别不能为空!">
			<nz-select formControlName="gender" nzPlaceHolder="请选择" nzAllowClear>
				<nz-option *ngFor="let item of genderList" [nzLabel]="item.label" [nzValue]="item.value">
				</nz-option>
			</nz-select>
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="ownerCommunity">配置社区</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="社区不能为空!">
			<nz-cascader nzPlaceHolder="请选择社区" [nzOptions]="areaAddrOptions" formControlName="ownerCommunity"
				[nzAllowClear]="false" [nzShowSearch]="true" (ngModelChange)="ownerCommunityChange($event)">
			</nz-cascader>
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="gridRegion">配置网格区</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="网格区不能为空!">
			<nz-select formControlName="gridRegion" nzPlaceHolder="请选择网格区" (ngModelChange)="gridRegionChange($event)">
				<nz-option *ngFor="let item of areaInfoList" [nzLabel]="item.gridAreaName" [nzValue]="item.id">
				</nz-option>
			</nz-select>

		</nz-form-control>
	</nz-form-item>
	<ng-container *ngIf="griderType === '1'">
		<nz-form-item >
			<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="areaSave">配置微网格员</nz-form-label>
			<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="微网格员不能为空!">
				<nz-select formControlName="areaSave" nzPlaceHolder="请选择微网格员" nzMode="multiple" (ngModelChange)="griderMinilistChange($event)">
					<nz-option *ngFor="let item of griderMinilist" [nzLabel]="item.name" [nzValue]="item.id">
					</nz-option>
				</nz-select>
			</nz-form-control>
		</nz-form-item>

		<nz-form-item *ngIf="householdByGriderList?.length" >
			<nz-form-label [nzSm]="4" [nzXs]="24" nzFor="areaSave">村户列表</nz-form-label>
			<nz-form-control [nzSm]="16" [nzXs]="24" class="scroll-flag">
				<ng-container *ngFor="let item of householdByGriderList;">
					<nz-tag style="margin-bottom: 5px;" *ngIf="item?.areaName || item?.address">
						{{item?.areaName}}<span *ngIf="item?.areaName && item?.address">,</span>{{item?.address}}</nz-tag>
				</ng-container>
			</nz-form-control>
		</nz-form-item>
	</ng-container>

	
	<nz-form-item *ngIf="griderType === '3'">
		<nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="areaSave">配置村户</nz-form-label>
		<nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="村户不能为空!">
			<nz-select [nzMaxTagCount]="20" formControlName="areaSave" nzPlaceHolder="请选择村户" nzMode="multiple">
				<nz-option *ngFor="let item of householdList" [nzLabel]="item.areaName" [nzValue]="item.id">
				</nz-option>
			</nz-select>
		</nz-form-control>
		<nz-form-control [nzSm]="4" [nzXs]="24" style="padding-left: 10px;">
			<button nz-button nzType="primary" (click)="householdReset()">重置</button>
		</nz-form-control>
	</nz-form-item>
	<!-- <nz-form-item *ngIf="getFormControl('areaSave')">
		<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="areaSave">配置楼栋</nz-form-label>
		<nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="楼栋不能为空!">
			<nz-tree-select [nzDropdownStyle]="{'max-height': '300px'}" [nzDisplayWith]="nzDisplayWith"
				formControlName="areaSave" [nzNodes]="gongTree" nzShowSearch
				nzCheckable nzPlaceHolder="请选择楼栋">
			</nz-tree-select>
		</nz-form-control>
	</nz-form-item> -->

</form>